<template>
    <div class="footBar">
        <ul class="footNav">
            <li>
                <router-link to="/index">首页</router-link>
            </li>
            <li>
                <router-link to="/classify">分类</router-link>
            </li>
            <li>
                <router-link to="/cart">购物车</router-link>
            </li>
            <li>
                <router-link to="/my">我的</router-link>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="less" scoped>
.footBar{
    position: fixed;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: rgb(223, 133, 235);
    .footNav{
        display: flex;
        justify-content: space-around;
    }
}
</style>